<template>
  <div class="student">
    <h1>{{msg}}</h1>
        <h2>学生姓名：{{name}}</h2>
        <h2>学生性别：{{sex}}</h2>
        <h2>学生年龄：{{age+1}}</h2>
        <!-- <button @click="transformName">给父组件传递数据</button> -->
        <button @click="transformName">给父组件传递数据</button>
  </div>
</template>

<script>
export default {
    name:'StudentlInfo', 
    data() {
        return {
            msg:'毕业于临沂大学的学生',
            name:'大志强',
            sex:'男',
            age:18
        }
    },methods: {
        // bigzq(){
        //      console.log("@@@"+this.name);
        // },
        transformName(){
            console.log(this);
            // 触发Student组件实例上的bigzq事件
            this.$emit('bigzq',this.name)   //相当于调用父组件的函数，并传递了一个值
        }
    },
}
</script>
<style scoped>
    .student{
        background-color: aqua;
    }
</style>

